<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Crear encuesta</title>
</head>
<body>
	<f:view>
		<h:form>
			<h:panelGroup style="display:block; text-align:center">
				<h:panelGrid columns="1" style=" width : 100%;">
					<f:facet name="header">
						<h:outputLabel value="#{msg['encuesta.crear.tituto1']}" />
					</f:facet>
				</h:panelGrid>
			</h:panelGroup>
			<div align="center">
				<h:panelGrid columns="1" style=" width : 40%;">
					<h:panelGroup style="display:block; text-align:center">
						<h:panelGrid columns="2" style=" width : 100%;">
							<h:outputText value="#{msg['encuesta.crear.nombre']}" />
							<h:inputText value="#{encuestaBean.nombreEncuesta}"
								style=" width : 190px;" />
						</h:panelGrid>
					</h:panelGroup>
				</h:panelGrid>
			</div>

			<div align="center">
				<fieldset style="width: 60%;">
					<legend>
						<h:outputLabel value="#{msg['encuesta.crear.tituto2']}" />
					</legend>
					<h:panelGrid columns="1" style=" width : 70%;">
						<h:panelGroup style="display:block; text-align:center">
							<h:panelGrid columns="2" style=" width : 100%;">
								<h:outputText value="#{msg['encuesta.crear.pregunta']}" />
								<h:inputText value="#{encuestaBean.pregunta}"
									style=" width : 200px;" />

								<h:outputText value="#{msg['encuesta.crear.tipoPregunta']}" />
								<h:selectOneMenu value="#{encuestaBean.tipoPregunta}"
									style=" width : 202px;"
									
									valueChangeListener="#{encuestaBean.comprobarTipoPregunta}" immediate="true">
									<f:selectItems value="#{encuestaBean.itemsTipoPregunta}" />
								</h:selectOneMenu>

								<h:outputText value="#{msg['encuesta.crear.opciones']}"  rendered="#{encuestaBean.mostrarOpciones}"/>

								<h:dataTable id="tablaOpciones" value="#{encuestaBean.listaOpciones}" var="opcion" width="100%" binding="#{encuestaBean.tabla}" rendered="#{encuestaBean.mostrarOpciones}">
									<h:column>
										<h:outputText value="#{opcion.textorespuesta}" />
									</h:column>
									<h:column>
										<h:commandLink value="#{msg['encuesta.crear.opciones.eliminar']}" actionListener="#{encuestaBean.eliminarOpcionRespuesta}"/>
									</h:column>
								</h:dataTable>
								<h:outputText value=" " rendered="#{encuestaBean.mostrarOpciones}"/>
								<h:dataTable value="#{encuestaBean.listaFalsa}" var="opcion" width="100%" rendered="#{encuestaBean.mostrarOpciones}">
									<h:column>
										<h:inputText value="#{encuestaBean.textoRespuesta}"  />
									</h:column>
									<h:column>
									
									<h:commandLink value="#{msg['encuesta.crear.opciones.agregar']}" actionListener="#{encuestaBean.agregarOpcionRespuesta}"/>
									</h:column>
								</h:dataTable>
							</h:panelGrid>
						</h:panelGroup>
						
					</h:panelGrid>
					
					<h:panelGrid columns="1" style=" width : 100%;">
						<h:panelGroup style="display:block; text-align:center">
							<h:commandButton value="#{msg['guardar.pregunta']}" actionListener="#{encuestaBean.guardarPregunta}"/>
						</h:panelGroup>
					</h:panelGrid>
				</fieldset>
				
				<h:dataTable value="#{encuestaBean.listaPreguntas}" var="pregunta" rendered="#{encuestaBean.mostrarPreguntas}" binding="#{encuestaBean.tablaPreguntas}">
			<h:column>
				<f:facet name="header">
					<h:outputText value="Pregunta" />
				</f:facet>
				<h:outputText value="#{pregunta.textopregunta}"/>
			</h:column>
			
			<h:column>
				<f:facet name="header">
					<h:outputText value="Tipo pregunta" />
				</f:facet>
				<h:outputText value="#{pregunta.idtipopregunta.descripcion}"/>
			</h:column>
			
			<h:column>
				<h:commandLink value="#{msg['encuesta.crear.opciones.eliminar']}" actionListener="#{encuestaBean.eliminarPregunta}"/>
			</h:column>
			
			
		</h:dataTable>
		
					<h:panelGrid columns="1" style=" width : 100%;">
						<h:panelGroup style="display:block; text-align:center">
							<h:commandButton value="#{msg['guardar']}" actionListener="#{encuestaBean.guardarEncuesta}"/>
						</h:panelGroup>
						
						<h:panelGroup style="display:block; text-align:center">
						<h:messages layout="list" errorStyle="color: red;" fatalStyle="color: red;"
							infoStyle="color: black;" warnStyle="color: blue;"/>
						</h:panelGroup>
					</h:panelGrid>
		
			</div>

		</h:form>
	</f:view>
</body>
</html>